/*PRIMARY COLOR #f2546a, #1a1a1a*/

/*Color*/
a.active,
.boxed-btn,
.contact-section .nav-tabs .nav-link.active,
.main-header .main-menu ul li.current-menu-item > a,
.footer-area .footer-form form input,
.footer-area .info.error,
.recent-articles .slick-arrow,
.main-header .main-menu ul li:hover > a,
.main-header .main-menu ul ul.sub-menu > li > a:hover,
.slicknav_menu .slicknav_nav a:hover,
.trending-area
    .trending-main
    .trending-bottom
    .single-bottom
    .trend-bottom-cap
    h4
    a:hover,
.trending-area .trending-main .trand-right-single .trand-right-cap h4 a:hover,
.weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption h4 a:hover,
.weekly-news-area .weekly-wrapper .weekly-single .weekly-caption h4 a:hover,
.contact-section .whats-news-caption .single-what-news .what-cap h4 a:hover,
.recent-articles .single-recent .what-cap h4 a:hover,
.footer-area .footer-tittle ul li a:hover,
.footer-area .footer-social a i:hover,
.pagination-area .page-link:hover,
.pagination-area .page-item.active .page-link:hover,
.main-header a:hover,
#userMenuDropdow.dropdown-menu a:hover,
.footer-bottom-area .footer-copy-right p a,
.widget_categories li.cat-item a:hover,
.widget_archive li a:hover,
.widget_pages li a:hover,
.main-header .main-nav ul li.current-menu-item > a,
.sidebar-right .post-title:hover a,
.main-header .main-nav ul li:hover > a {
    color: #f2546a;
}
a.text-muted:hover {
    color: #f2546a !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #212d45;
}

/*Background*/
.primary-bg,
.boxed-btn:hover,
.trending-tittle strong,
.blog_right_sidebar .tag_cloud_widget ul li a:hover,
#scrollUp,
.slicknav_menu .slicknav_icon-bar,
.hero-caption span::before,
.blog_item_img .blog_item_date,
.slick-dots li.slick-active button,
.top-right-icon,
.mobile_menu .slicknav_menu .slicknav_icon-bar,
.widget-taber a.nav-link.active::before,
.blog_right_sidebar .search_widget .input-group button,
.main-header .main-nav ul li.current-menu-item > a::after,
.pagination-area .page-item.active .page-link,
.main-header .main-nav ul li:hover > a::after {
    background: #f2546a;
}

/*Border*/
.main-header .main-menu ul ul.sub-menu,
.boxed-btn,
.boxed-btn:hover,
.slick-dots li.slick-active button,
.featured-slider-2-nav .slick-active img {
    border-color: #f2546a;
}
.border-color-1 {
    border-color: #ececec;
}

/*Secondary color*/
.tab-nav.style-1 .nav-link.active,
.tab-nav.style-1 .nav-link:hover {
    background: #212d45;
}

/*Gradient*/
.blog_area a:hover {
    background: -webkit-linear-gradient(131deg, #f2546a 0%, #f2546a 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    transition: 0.4s;
}

/*OTHER COLORS*/

/*text*/
p,
button.search-icon,
.user-account,
ul.header-social-network li a {
    color: #506172;
}
button.subscribe {
    border-color: #1d55c1;
    color: #1d55c1;
}
button.subscribe:hover {
    background: #1d55c1;
    color: #fff;
}
.color1 {
    color: #ff2d55;
}
.color2 {
    color: #007aff;
}
.color3 {
    color: #4cd964;
}
.color4 {
    color: #5856d6;
}
.color5 {
    color: #ffcc00;
}
.background1 {
    background: #f6e8ec;
}
.background2 {
    background: #dcebfb;
}
.background3 {
    background: #4cd964;
}
.background4 {
    background: #eed5d5;
}
.background5 {
    background: #ffcc00;
}
.background6 {
    background: #d4f4f9;
}
.background7 {
    background: #4e6788;
}
.background8 {
    background: #f2546a;
}
.background9 {
    background: #752279;
}
.background10 {
    background: #379499;
}
.background11 {
    background: #010f22;
}
.background12 {
    background: #f4f5f9;
}
.color-white {
    color: #ffffff !important;
}
.color-grey {
    color: #889097;
}
.background-white {
    background: #ffffff;
}
.color-black {
    color: #000000;
}
.facebook-icon:hover {
    color: #3b5998;
}
.twitter-icon:hover {
    color: #55acee;
}
.pinterest-icon:hover {
    color: #bd081c;
}
.instagram-icon:hover {
    color: #3f729b;
}
.follow-us a.follow-us-facebook,
.single-social-share a.facebook-icon {
    color: #305c99;
}
.follow-us a.follow-us-twitter,
.single-social-share a.twitter-icon {
    color: #00cdff;
}
.follow-us a.follow-us-instagram,
.single-social-share a.instagram-icon {
    color: #3f729b;
}
.follow-us a.follow-us-youtube,
.single-social-share a.pinterest-icon {
    color: #e22b26;
}
.follow-us a.follow-us-linkedin,
.single-social-share a.linkedin-icon {
    color: #1178b3;
}
.single-social-share a.email-icon {
    color: #4d4d4d;
}

/*Custom bootstrap color*/
.text-primary {
    color: #3fa9f5 !important;
}
.text-secondary {
    color: #6c757d !important;
}
.text-success {
    color: #72b572 !important;
}
.text-danger {
    color: #d35353 !important;
}
.text-warning {
    color: #e0c244 !important;
}
.text-info {
    color: #57c0dd !important;
}
.text-light {
    color: #f8f9fa !important;
}
.text-dark {
    color: #343a40 !important;
}
.text-muted,
.text-muted a {
    color: #9babb6 !important;
}
.text-white {
    color: #fff !important;
}
.text-grey {
    color: #889097 !important;
}
.bg-primary {
    background-color: #3fa9f5 !important;
}
.bg-secondary {
    background-color: #9babb6 !important;
}
.bg-success {
    background-color: #72b572 !important;
}
.bg-danger {
    background-color: #d35353 !important;
}
.bg-warning {
    background-color: #e0c244 !important;
}
.bg-info {
    background-color: #57c0dd !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.bg-dark {
    background-color: #343a40 !important;
}
.bg-white {
    background-color: #fff !important;
}

a.number,
span.number {
    border: 0;
    color: #889097;
    background: #fff;
    font-size: 13px;
    box-shadow: none;
    outline: 0;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    padding: 0;
    margin-right: 10px;
}

.text-start-important {
    text-align: start !important;
}

.nextposts-link.number {
    background-color: transparent;
}

.current-page.page-active.number {
    color: #fff !important;
    background-color: #f2546a;
}

span.number {
    border-radius: 50% !important;
    background: none;
}

.flex {
    display: flex !important;
}

.gap-3 {
    gap: 0.5em;
}

.justify-between {
    justify-content: space-between;
}